@CHARSET "UTF-8";

.fr {
	float: right;
}
.top_bar {
	height: 27px;
	background-color: rgb(250, 250, 250);
	border-bottom: #efefef 1px solid;
}

.top_bar .wrap {
	width: 1020px;
	margin: auto;
	line-height: 27px;
}

.top_bar .user a, .top_bar .user a:HOVER {
	color: #06c;
}
.top_bar .user {
	float: right;
	padding-right: 20px;
}
.top_bar ul {
	float: right;
}
.top_bar ul li {
	float:			left;
	position:		relative;
}
.top_bar ul li ul {
	position:		absolute;
	top:			-9999px;
	left: -1px;
	border: #ccc 1px solid;
	background-color: rgb(255, 255, 255);
	z-index: 1000;
	width: 100%;
}
.top_bar ul li:HOVER ul {
	top: 27px;
}
.top_bar ul li a {
	display: block;
	padding: 0 10px;
	border-right: #ccc 1px solid;
}
.top_bar ul li a.drop {
	padding-right: 15px;
	background:url("layout/bg_spirit.png") no-repeat right 6px;
}
.top_bar ul li a.drop:HOVER {
	padding-right: 15px;
	border-bottom: #ccc 1px dotted;
	background-color: rgb(255, 255, 255);
}
.top_bar ul li ul li{
	float: none;
	height: 25px;
	line-height: 25px;
	border-bottom: #ccc 1px dotted;
}
.top_bar ul li ul li a{
	border: 0;
}
.top_bar .sina_weibo{
	border: 0;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	padding: 0 10px;
	margin: 3px 0 0 5px;
	background: url("layout/bg_spirit.png") no-repeat left -516px;
}

.menu {
	width: 1020px;
	margin: auto;
	
	height: 64px;
}

.menu .logo {
	float: left;
	width: 212px;
	height: 64px;

	padding-left: 5px;
}

.menu .logo img {
	border: 0;	
}
.foot {
	margin: 10px 0;
}
.foot .safeguard {
	background: url("layout/bg_spirit.png") no-repeat 10px -440px; margin: 0px auto; width: 675px; height: 51px;
}
.foot .safeguard li {
	margin: 0px 0px 0px 10px; float: left; display: inline;
}
.foot .safeguard li a {
	width: 215px; height: 51px; text-indent: -999em; display: block;
}
.foot p, .foot p a {
	margin: 15px 0px; padding: 0px; text-align: center; text-indent: 0px; color: #777777;
}
.foot p a:HOVER {
	color: #900;
	text-decoration: underline;
}
.foot .verify {
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.foot .verify img {
	border: none;
	margin: 0 4px;
}

.global_menu {
	float: left;
	padding: 34px 0 0 0;
}
.global_menu li{
	float: left;
	
	width: 74px;
	height: 30px;
	line-height: 30px;
	display: block;
	position: relative;
	text-align: center;
	
	background: url("layout/bg_spirit.png") no-repeat -338px 0;
}
.global_menu li img{
	position: absolute;
	left: -5px;
	top: -15px;
}
.global_menu li:HOVER{
	background: url("layout/bg_spirit.png") no-repeat -577px 0;
}
.global_menu .home{
	width: 70px;
	margin-right: 10px;
	background: url("layout/bg_spirit.png") no-repeat -180px 0;
}
.global_menu a{
	font-weight: bold;
	color: #900;
}
.global_menu .home a{
	color: #fff;
}
.global_menu a:HOVER{
	font-weight: bold;
	color: #fff;
}
.global_menu .home:HOVER{
	background: url("layout/bg_spirit.png") no-repeat -180px 0;
}
.global_menu .ft{
	width: 78px;
	background: url("layout/bg_spirit.png") no-repeat -260px 0;
}
.global_menu .ft:HOVER{
	background: url("layout/bg_spirit.png") no-repeat -500px 0;
}
.global_menu .lt{
	width: 78px;
	background: url("layout/bg_spirit.png") no-repeat -412px 0;
}
.global_menu .lt:HOVER{
	background: url("layout/bg_spirit.png") no-repeat -650px 0;
}


.header_bar {
	height: 40px;
	background-image: url("layout/hy101.gif");
	background-repeat: repeat-x;
}
.header_bar .content {
	width: 1020px;
	margin: auto;
}
.header_bar .commodity, .header_bar .search {
	float: left;
}
.header_bar .cart {
	float: right;
}
.header_bar .search {
	height: 30px;
	margin: 6px 0 0 10px;
	background: url("layout/bg_spirit.png") no-repeat -219px -56px;
}
.header_bar .search input{
	height: 16px;
	line-height: 16px;
	
	margin: 3px 0 5px 0;
	padding: 5px 2px 5px 10px;
	
	width: 280px;
	border: 0;
}

.header_bar .search button{
	width: 105px;
	height: 30px;
	margin: 0 0 0 5px;
	border: 0;
	vertical-align: top;
	cursor: pointer;
	text-indent: -999em;
	background: url("layout/bg_spirit.png") no-repeat -658px -56px;
}


.header_bar .cart {
	line-height: 28px;
	height: 30px;
	
	width: 205px;
	margin-top: 6px;
	position: relative;
	z-index: 999;
	
	background: url("layout/bg_spirit.png") no-repeat -774px -56px;
}
.header_bar .cart .cart_num {
	float: left;
	width: 112px;
	padding-left: 30px;
}
.header_bar .cart span {
	padding-right: 15px;
	background: url("layout/bg_spirit.png") no-repeat right 2px;
}
.header_bar .cart span a{
	color: #666;
}
.header_bar .cart .in_cart_num {
	padding-right: 5px;
	color: #c00;
}
.header_bar .cart .account {
	color: #fff;
	font-weight: bold;
	padding-left: 6px;
}
.navigation {
	width: 1020px;
	margin: auto;
	height: 32px;
	line-height: 32px;
}
.hyperlink a{
	color: #1a66b3;
}
.navigation a{
	color: #1a66b3;
}
.navigation a:HOVER{
	color: #c00; 
}

.cart_num span {
	background: url("layout/bg_spirit.png") right 2px; padding-right: 15px;
}
.cart_num span a {
	color: rgb(51, 51, 51); white-space: pre;
}
.cart_num strong {
	padding: 0px 5px 0px 0px; color: rgb(204, 0, 0);
}
.show_cart, .header_bar .show_cart {
	line-height: normal;
	background: rgb(255, 255, 255); padding: 0px 10px; border: 2px solid rgb(153, 0, 0); top: 28px; width: 350px; right: 0px; display: none; position: absolute; z-index: 10000; cursor: auto; overflow-x: hidden; overflow-y: auto; max-height: 560px;
}
.show_cart li {
	background: url("layout/line.gif") repeat-x left bottom; padding: 10px 0px; overflow: hidden; clear: left; display: block; _zoom: 1;
}
.show_cart li.pr_num {
	text-align: right;
}
.show_cart li img {
	border: 1px solid rgb(228, 228, 228); float: left;
}
.show_cart li a.t {
	width: 190px; color: rgb(51, 51, 51); margin-left: 5px; float: left;
}
.show_cart li a.t:hover {
	color: rgb(153, 0, 0);
}
.show_cart li span a:hover {
	color: rgb(153, 0, 0);
}
.show_cart li span, .header_bar .show_cart li span {
	background: none;
	padding: 0px; text-align: right;
}
.show_cart li span strong {
	padding: 0px 0px 5px; display: block;
}
.show_cart li span a, .header_bar .show_cart li span a {
	color: rgb(0, 102, 204);
}
.show_cart p {
	padding: 10px 0px; text-align: right;
}
.show_cart strong {
	color:#c00;
	padding: 0 5px 0 0;
}
.show_cart button {
	background: url("layout/bg_spirit.png") no-repeat -651px -151px; border: currentColor; width: 104px; height: 30px; color: rgb(255, 255, 255); font-weight: bold; cursor: pointer;
}
/*** ESSENTIAL STYLES ***/
ul.commodity {
	width: 205px;
	height: 40px;
}
ul.commodity ul {
	position:		absolute;
	top:			-9999px;
}
ul.commodity li {
	float:			left;
	position:		relative;
}
ul.commodity ul li {
	width:			100%;
	position: static;
}
ul.commodity a {
	display:		block;
	position:		relative;
}
ul.commodity li:hover,ul.commodity li.sfHover  {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
ul.commodity li:hover ul,ul.commodity li.sfHover ul {
	left:			0;
	top:			40px; /* match top ul list item height */
	z-index:		999;
}
ul.commodity li:hover li ul ,ul.commodity li.sfHover li ul {
	top:			-9999px;
	left:			-9999px;
}
ul.commodity li li:hover ul ,ul.commodity li li.sfHover ul {
	left:			201px; /* match ul width */
	top:			0;
}

.commodity {
	float: left;
}
.commodity li{
	float: left;
}

.commodity h2 a {
	width: 181px;
	height: 34px;
	line-height: 34px;

	padding: 0 0 0 20px;
	margin: 6px 0 0 2px;

	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;

	background: url("layout/bg_spirit.png") no-repeat -3px -56px;
}
.category {
	width: 201px;
	border-top: 0;
	border-right: 2px solid #900;
	border-left: 2px solid #900;
	border-bottom: 2px solid #900;
	background-color: rgb(255, 254, 247);
}
.category h3 {
}
.category h3 a{	
	height: 30px;
	line-height: 32px;

	font-size: 14px;
	color: #333;
	font-weight: normal;
	
	padding: 0 0 0 15px;
	margin: 0 5px;
	
	border-top: #e4e4e4 1px solid;
	border-bottom: #fffef7 1px solid;
	background: url("layout/bg_spirit.png") no-repeat 180px -108px;
}
.category li:HOVER h3 a{
	z-index: 1000;
	
	color: #900;
	font-weight: bold;
}
.category .detail {
	width: 413px;
	border: 1px solid #900;
	
	background-color: white;
}
.category .sideLeft {
	display: block;
	float: left;
	
	width: 413px; 
	height: auto;
}
.category .sideRight {
}
.category dl {
	line-height: 15px;
	width: 383px;
	border-bottom: 1px #ccc dotted;

	margin: 0;
	padding: 10px 15px;
}
.category dl:HOVER {
	background-color: rgb(255, 249, 219);
}
.category dl dt{
	float: left;
	
	margin: 4px 0;
	width: 80px;
	height: auto;
	
	color: #333;	
	font-weight: bold;
}
.category dl:HOVER dt a{
	color: #900;	
}
.category dl dd{
	float: left;
	height: auto;
	
	width: 303px;
	
	color: #666;
}
.category dl em {
	float: left;
	margin: 4px 0;
	padding: 0 8px;
	font-style: normal;
	font-weight: normal;
	
	background-image: url("layout/separator.gif");
	background-repeat: no-repeat;
}
.category dl a {
	color: #333;
	white-space: nowrap;
}
.category dl a:HOVER {
	color: #900;
	text-decoration: underline;
}

.consume {	
	width: 1020px;
	height: 35px;
	margin: auto;

	color: #fff;
	line-height: 35px;
	background-color: rgb(153, 153, 153);
}
.consume dl dt, .consume dl dd {
	float: left;
}
.consume dl dt {
	padding-left: 10px;
}
.consume dl dd a {
	color: #fff;
	padding: 0px 10px;
	border-left: #fff 1px solid;
}
.consume dl dd a.firstlink {
	border-left: 0;
}
.service { 
	width: 1020px;
	margin: auto;
	padding: 0px 0px 10px 0px;
}
.service dl {
	width: 143px;
	margin: 10px 10px 0px 10px;
	float: left;
	display: inline;
}
.service dl dt {
	color: #333;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #e4e4e4 1px solid;
}
.service dl dd {
	height: 21px;
	line-height: 21px;
}

.main {
	width: 1020px;
	margin: auto;
}
.main img {
	border: 0;
}
.sidebar {
	float: left;
}

.middle {
	float: right;
}
.sidepanel {
	right: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 1000;
}
.sidepanel A.toggle{
	width: 17px;
	height: 66px;
	text-align: center;
	line-height: 14px;
	padding: 28px 4px 0px 4px;
	text-decoration: none;
	margin: 5px 0px;
	display: block;
	position: relative;
	background: url("layout/20111221C.png") no-repeat 0px -606px;
}
.sidepanel B{
	left: 4px;
	top: 9px;
	width: 17px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	background: url("layout/20111221C.png") no-repeat -30px -528px;
}
.sidepanel A.toggle:ACTIVE,.sidepanel A.toggle:HOVER{
	background-position:0 -509px;
}
.sidepanel A.toggle:ACTIVE B,.sidepanel A.toggle:HOVER B{
	background-position:-30px -509px;
}
.sidepanel .detail{
	display:none;
	border: #d4d4d4 1px solid;
}
.sidepanel  h2 {
	height: 30px;
	color: #333;
	line-height: 31px;
	padding: 0 10px 0 18px;
	font-size: 14px;
	background: url("member/user_bg_x.gif") repeat-x 0px -268px;
}
.sidepanel  h2 A{
	float: right;
	font-weight: normal;
}
.sidepanel  h2 A:HOVER{
	text-decoration: none;
}
.sidepanel .detail dl {
	line-height: 24px;
	padding-right: 12px;
	padding-bottom: 10px;
	background: url("layout/sub_listbg.png") repeat-x;
	background-color: rgb(255, 255, 255);
}
.sidepanel .detail dt {
	color: #333;
	padding-left: 17px;
	font-weight: bold;
}
.sidepanel .detail dd {
	padding-left: 70px;
}
.sidepanel .detail .tit {
	width: 70px;
	text-align: right;
	margin-left: -70px;
	float: left;
}
.red {
	color: rgb(204, 0, 0);
}
a.red {
	color: rgb(204, 0, 0);
}
.blue {
	color: rgb(0, 102, 204);
}
a.blue {
	color: rgb(0, 102, 204);
}
#live175226 a{
	font-weight: bold;
	color: rgb(0, 102, 204);
}